<template>
    <div>
        <h3>我是index</h3>

        <el-button @click="visible = true">按钮</el-button>
        <el-dialog :visible.sync="visible" title="Hello world">
          <p>欢迎使用 Element</p>
        </el-dialog>

        <div style="margin: 20px 0">
          <el-button>默认按钮</el-button>
          <el-button type="primary">主要按钮</el-button>
          <el-button type="success">成功按钮</el-button>
          <el-button type="info">信息按钮</el-button>
          <el-button type="warning">警告按钮</el-button>
          <el-button type="danger">危险按钮</el-button>
        </div>

        <div style="margin: 20px 0">
          <el-button plain>朴素按钮</el-button>
          <el-button type="primary" plain>主要按钮</el-button>
          <el-button type="success" plain>成功按钮</el-button>
          <el-button type="info" plain>信息按钮</el-button>
          <el-button type="warning" plain>警告按钮</el-button>
          <el-button type="danger" plain>危险按钮</el-button>
        </div>

        <div>
          <el-button round>圆形按钮</el-button>
          <el-button type="primary" round>主要按钮</el-button>
          <el-button type="success" round>成功按钮</el-button>
          <el-button type="info" round>信息按钮</el-button>
          <el-button type="warning" round>警告按钮</el-button>
          <el-button type="danger" round>危险按钮</el-button>
        </div>

        <div>
            <hello></hello>
        </div>
    </div>
</template>


<script>
    import Hello from '@/components/Hello'
    export default{
        name: '',
        components: {
            Hello
        },
        data(){
            return { visible: false }
        },
        mounted(){


        }, //初始化方法
        methods: {}   //内部函数
    }
</script>


<style type="text/css">

</style>
